<!--  -->
<template>
    <el-dialog v-model="dialogFormVisible" width="60%">
        <h1>{{ title }}</h1>
        <el-scrollbar class="content">
            <div v-html="content"></div>
        </el-scrollbar>
    </el-dialog>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'
import $bus from '../../../bus'

let content = ref('')
let title = ref('')
let dialogFormVisible = ref<Boolean>(false)
onMounted(() => {
    $bus.on('show', (data: any) => {
        dialogFormVisible.value = data.isShow
        content.value = data.content
        title.value = data.title
    })
})

</script>

<style lang="scss" scoped>
h1 {
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
}

.content {
    padding: 0px 30px;
    height: 470px;
}
</style>